<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>basic004</title>
	</head>
	<style type="text/css">
		dl{
			float: left;    /*设置dl中的元素全部是左浮动*/
			margin: 50px;
		}
		dd{
			margin: 0;
			padding: 0;
			text-align: center;    /*图片下方文字居中*/
		}
	</style>
	
	<body>
		<dl>   <!--定义描述标签-->
			<dt><img src="../img/yy.jpg"</dt>  <!--标题标签-->
			<dd>图片0001</dd>    <!--描述标签-->
		</dl>
		<dl>
			<dt><img src="../img/yy.jpg"</dt>
			<dd>图片0001</dd>
		</dl>
		<dl>
			<dt><img src="../img/yy.jpg"</dt>
			<dd>图片0001</dd>
		</dl>
		<dl>      <!--定义描述标签-->
			<dt>安慕希</dt>    <!--标题标签-->
			<dd>安慕希是一种巴氏杀菌热处理风味酸奶，在广大的市场中非常受欢迎......</dd> <!--描述标签-->	
			<dd>fsdahfoidshfdfslsdfnds</dd>
		</dl>
		
	</body>
</html>
